﻿@{
    ViewBag.Title = "Bưu Phẩm Đến Bưu Cục";
}
<script type="text/javascript">
    $(document).ready(function () {
        $("#txtSearch").focus(function() {
            $(this).filter(function() {
                return $(this).val() == "" || $(this).val() == "Nhập vào từ khóa tìm kiếm..."
            }).removeClass("watermarkOn").val("");
        });

        $('#txtSearch').focus();
        $("#txtSearch").blur(function() {
            $(this).filter(function() {
                return $(this).val() == "";
            }).addClass("watermarkOn").val("Nhập vào từ khóa tìm kiếm...");
        });

        $("#btnSearch").click(function() {
            DoSearch();
            return false;
        });

        $("#txtSearch").keydown(function (e) {
            var code = (e.keyCode ? e.keyCode : e.which);
            if (code == 13) {
                DoSearch();
                $(this).val("");
                return false;
            }
            else if (code == 46) {
                $(this).val("");
            }
        });

        function DoSearch() {
            if ($("#txtSearch").val() == '') {
                $("#lblTrackingNumer").text('');
                $("#lblThung").text('');
                $("#lblDeliverToName").text('');
                $('#chkNgoaiTuyen').prop('checked', false);
                return;
            }
            var grid = $("#Parcel").data("tGrid");
            // get the first table row
            var tr = $("#Parcel tbody tr td:contains('" + $("#txtSearch").val() + "')").parents().first(); // use eq(1) if the grid is scrollable or eq(0) if not to get the first row
            $('#Parcel tbody tr td').index();
            // get the associated data item
            var dataItem = grid.dataItem(tr);
            if (dataItem != undefined) {
                $("#lblTrackingNumer").text(dataItem.TrackingNumbers);
                $("#lblThung").text(dataItem.RegionName);
                $("#lblDeliverToName").text(dataItem.DeliverToName);
                $('#chkNgoaiTuyen').prop('checked', false);
            }
            else {
                $.ajax({
                    url: '@Url.Action("GetDelivery", "Parcel")',
                    type: "POST",
                    dataType: "json",
                    // query will be the param used by your action method
                    data: { search: $("#txtSearch").val() },
                    success: function (data) {
                        $("#lblTrackingNumer").text(data.TrackingNumbers);
                        $("#lblThung").text(data.RegionName);
                        $("#lblDeliverToName").text(data.DeliverToName);
                        if (data.IsEms) {
                            $('#chkNgoaiTuyen').prop('checked', true);
                        }
                        else {
                            $('#chkNgoaiTuyen').prop('checked', false);
                        }
                    }
                });
            }

            var textSearch = new Helper().stripTagsOff($("#txtSearch").val());
            $("#txtSearch").val(textSearch);
            if (textSearch == "Nhập vào từ khóa tìm kiếm...")
                textSearch = "";
            if ($("#Parcel")) {
                //rebind the grid
                $("#Parcel").data('tGrid').rebind({ search: textSearch });
            }
        };

        $("#chkNgoaiTuyen").click(function () {
            if ($("#lblTrackingNumer").text() == '') {
                return;
            }
            $.ajax({
                url: '@Url.Action("SetNgoaiThuyen", "Parcel")',
                type: "POST",
                dataType: "json",
                // query will be the param used by your action method
                data: { trackingNumbers: $("#lblTrackingNumer").text() },
                success: function (data) {
                }
            });
        });
    });
</script>
<div class="section-header">
    <div class="title">
        <img src="@Url.Content("~/Areas/Administrator/Content/Images/ico-catalog.png")" alt="" />
        Danh sách bưu phẩm
    </div>
</div>
<div style="margin-bottom:10px;">
    <div id="panel_search">
        <div style="float: left; padding: 5px 0px 5px 0px">
            <input type="text" id="txtSearch" class="watermarkOn" value="Nhập vào từ khóa tìm kiếm..." />
        </div>
        <div style="padding: 5px 0px 5px 0px;">
            <button class="t-button" style="cursor:pointer; padding-top: 0px !important;color:#000 !important" name="Search" id="btnSearch">
                Duyệt
            </button>
        </div>
    </div>
    <div style="clear: both;"></div>
    <br/>
    <div style="font-size: 22px;">
        <strong>
            Số vận đơn:
            <label id="lblTrackingNumer"></label>
            | Thùng:
            <label style="color: red;" id="lblThung"></label>
            | Nơi đến:
            <label id="lblDeliverToName"></label>
            | Ngoại tuyến:
            @Html.CheckBox("chkNgoaiTuyen", false)
        </strong>
    </div>
</div>
<script type="text/javascript">
        function onDataBinding(e) {
            var searchModel = {
                search: $('#txtSearch').val() == "Nhập vào từ khóa tìm kiếm..." ? "" : $('#txtSearch').val()
            };
            e.data = searchModel;
        }
</script>
@(Html.Osd().Grid(new List<Transport.Areas.Administrator.Models.ParcelModel>(), name: "Parcel", action: "ComePostOfficesGridModel", controllerName: "Parcel", routeValues: null)
                    .Columns(columns =>
                    {
                        columns.Bound(x => x.TrackingNumbers).Title("Số Vận Đơn")
                            .Width(100)
                            .Filterable(false);
                        columns.Bound(x => x.DateOfSending).Title("Ngày Gửi").Format("{0:dd/MM/yyyy}")
                            .Width(100)
                            .Filterable(true);
                        columns.Bound(x => x.CustomerName).Title("Khách hàng")
                            .Width(150)
                            .Filterable(true);
                        columns.Bound(x => x.DeliverFromName).Title("Nơi đi")
                            .Width(150)
                            .Filterable(true);
                        columns.Bound(x => x.DeliverToName).Title("Nơi Đến")
                            .Width(150)
                            .Filterable(true);
                        columns.Bound(x => x.ToAddress).Title("Địa Chỉ Nơi Đến")
                            .Filterable(false);
                        columns.Bound(x => x.TotalCostCollect).Title("Thu Hộ")
                            .Width(150)
                            .Filterable(false);
                        columns.Bound(x => x.Note).Title("Ghi Chú")
                            .Width(150)
                            .Filterable(false);
                        columns.Bound(x => x.RegionName).Title("Thùng")
                            .Filterable(true).Hidden();
                        columns.Bound(x => x.IsEms).Title("Ngoại Tuyến")
                            .Filterable(true).Hidden();
                    }).Scrollable(scrolling => scrolling.Height(300)).Pageable(pager => pager.PageSize(10000)).Sortable(p => p.OrderBy(o => o.Add(b => b.ParcelId).Descending())))